/*
* @Author: gavin
* @Date:   2017-12-25 14:12:15
* @Last Modified by:   gavin
* @Last Modified time: 2017-12-25 20:51:20
*/
import React from 'react';
import { Tabs ,Card,Input,Button ,Steps, Popover,Row,Col} from 'antd';
const TabPane = Tabs.TabPane;
const { TextArea } = Input;
const ButtonGroup = Button.Group;
const Step = Steps.Step;
export default class view extends React.Component {

  constructor(props) {
    super(props);
  }

  render() {
    return (
    	<div>
    		<Card title="来文登记">
			<Row>
				<Col xs={{ span: 24}} sm={{ span: 12}} md={{ span: 8}} style={{paddingLeft: 16, paddingRight: 16}} ><span>文件名：</span>会我而非</Col>
				<Col xs={{ span: 24}} sm={{ span: 12}} md={{ span: 8}} style={{paddingLeft: 16, paddingRight: 16}}><span>来问单位：</span>会我而非</Col>
				<Col xs={{ span: 24}} sm={{ span: 12}} md={{ span: 8}} style={{paddingLeft: 16, paddingRight: 16}}><span>接收时间：</span>会我而非</Col>
				<Col xs={{ span: 24}} sm={{ span: 12}} md={{ span: 8}} style={{paddingLeft: 16, paddingRight: 16}}><span>缓急程度：</span>会我而非</Col>
				<Col xs={{ span: 24}} sm={{ span: 12}} md={{ span: 8}} style={{paddingLeft: 16, paddingRight: 16}}><span>文件名：</span>会我而非</Col>
			</Row>
		</Card>
    		<Card style={{marginTop:24}}>
			<Tabs defaultActiveKey="1">
				<TabPane tab="办理情况" key="1">
					aaa
				</TabPane>
				<TabPane tab="办理进度" key="2">
					<Steps current={1}>
						<Step title="办公室意见" description="This is a description." >aaaaaaa</Step>
						<Step title="领导批示" description="This is a description." >aaaaaaa</Step>
						<Step title="分管领导意见" description="This is a description." />
						<Step title="办理情况" description="This is a description." />
					</Steps>
				</TabPane>
			</Tabs>
		</Card>
		<Card title="处理意见" style={{marginTop:24}}>
			<TextArea placeholder="Autosize height based on content lines"  />
			<div style={{textAlign:'center'}}>

				<Button type="primary">提交</Button>
				<Button>取消</Button>

			</div>
		</Card>
	</div>
    );
  }
}
